* {
    margin: 0;
    padding: 0;
  }

body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}

.container {
    width:100%;
    display: flex;
    flex-direction: column;
    /* display:table; */
    background-color: pink;
    /* margin:auto; */
}

.group {
    border: 1px solid red;
    border-radius: 2px;
    padding: 20px;
}

.grouphead {
    background-color: #F3F3F3;
    height: 40px;
    line-height: 40px; 
}
.queue {
    font-size: 0;
    -webkit-text-size-adjust: none; 
    width: 100%; 
    border-top:1px solid red;
    background-color: #F3F3F3;
}
/* 拖拽下的样式 **/
.dragger {
    display: inline-block; 
    margin: 5px;
    width: 80px;
    height: 80px;
    background: #fff;
    border: 1px solid #000;
    /*border-radius: 20px;*/
    text-align: center;
    font-size: 10px;
    cursor: move
}
/* 正常块样式**/
.draggerblock {
    display: inline-block; 
    margin: 5px;
    width: 80px;
    height: 80px;
    background: #fff;
    border: 1px solid #000; 
    text-align: center;
    font-size: 10px;
    cursor: pointer
}
/*加号块样式 */
.plus {
    display: inline-block;
    /*����*/
    margin: 5px;
    width: 80px;
    height: 80px;
    background: #fff;
    border: 1px solid red;
    /*border-radius: 20px;*/
    text-align: center;
    font-size: 10px;
    cursor: pointer
}
/* 删除图标的样式 */
.icon {
    height: 20px;
    width: 20px;
    background: red;
    cursor: pointer;
    border-radius: 10px;
    float:right;
    /*visibility:hidden;*/
}
